{include file="index@/public/header" /}
<style>
        body {
      background: #e1e0de;
    }
    * {
      box-sizing: border-box;
    }
h1,
h2,
h3,
h4 {
  font-weight: 700 !important;
}
.layui-card-header {
  width: 100%;
  border-bottom: 1px solid #999 !important;
  padding-left: 5px;
}
.layui-card {
  padding: 10px 20px 50px;
}
p {
  margin: 0 0 10px !important;
}
.layui-container {
  padding: 0 !important;
}
img {
  max-width: 100%;
}
::-moz-selection {
  background: #cccccc;
  color: #ffffff;
}
::selection {
  background: #cccccc;
  color: #ffffff;
}
.layui-breadcrumb {
  padding-left: 5px;
}
.layui-card h1 {
  margin: 10px auto 0;
}
.description {
  font-size: 15px;
  font-weight: bold;
  margin: 20px 0;
}

.layui-textarea {
  resize: none !important;
}
.body-buttom-right{
	width: 100%;
}

@media screen and (max-width: 800px) {
  .layui-card-header {
    line-height: normal !important;
    font-size: 10px !important;
  }
}

     
    .layui-card-body{
        padding: 10px 5px;
    }
    td{height: 30px;text-align:center;color: #333;}
	tbody tr:nth-child(n+2) td:nth-child(1){
		padding-left: .5rem;
		text-align: left;
	}
    .content  ul li{
        position: relative;
        margin-bottom: 9px;
        font-size: 12px;
        line-height: 24px;
        list-style-type: none;
        color: #333
    }
    .content  ul{
            position: relative;
            padding-left: 16px;
            margin-left: 0;
            margin-bottom: 0;
    }
    .content ul li:before{
        content: "";
        color: #7C88AE;
        display: block;
        position: absolute;
        width: 6px;
        height: 6px;
        top: 6px;
        left: -15px;
        border-radius: 100%;
        background-color: #7C88AE;
    }
</style>
<div class="layui-container" style='font: 12px/14px arial,helvetica,sans-serif;'>
  <div class="layui-card">
   <span class="layui-breadcrumb" lay-separator="/">
      <a href="/" style="font: 12px/14px arial,helvetica,sans-serif;">{:lang('Home')}</a>
      {foreach $crumbs as $k=>$v }
      <a href="/{$v['crumbs_url']}" style="font: 12px/14px arial,helvetica,sans-serif;color:#36648A">{$v['alias_name']}</a>
      {/foreach}
    </span>
      <div class="layui-card-header">
      <h1>{:lang('Bearing Engineering & Design')}</h1>
      </div>

      <div class="body-buttom" style="margin-top: 10px">
          <div class="layui-row">
              <div class="layui-col-sm10 content" style="padding-right: 15px !important">

                  <p style='color: #333;line-height: 24px;'>
                      {:lang('Lily’s bearings are manufactured to the highest degree of quality and workmanship serving Medical, Dental, Aerospace, Defense, Spindle, Instrument, Motor industries and many more. Within the assembled mechanism, the fit of the ball bearing on its mating components is vital to maximizing bearing life. If the fit is too loose, the bearings slide around on the shaft, eliminating the advantages gained by selecting a precision ball bearing in the first place. If the fit is too tight, the bearing integrity may be compromised by reduction of radial play in the assembly. The perfect fit enables bearings to run at peak performance for maximized end-product life.')}
                  </p>
                  <p><img style="max-height: 250px;" src="{:Config::get('app.images_host')}/images/web/bearing_engineering_and_design.jpg?v={:time()}" /></p>
              </div>


          </div>
      </div>

  </div>
</div>
 
{include file="index@/public/footer" /} 
